.pub_course {
    .page_box {
        .lis_div {
            width: 100%;
            padding: 0 24rpx;

            .li {
                width: 100%;
                background-color: #fff;
                border-radius: 24rpx;
                margin: 0 0 24rpx 0;
                display: flex;
                padding: 24rpx;

                .img {
                    width: 130rpx;
                    height: 180rpx;
                    border-radius: 8rpx;
                    margin-right: 24rpx;
                    overflow: hidden;
                }

                .text {
                    width: calc(100% - 130rpx - 24rpx);

                    .p_1 {
                        font-size: 30rpx;
                        color: #333333;
                        line-height: 50rpx;
                        white-space: nowrap;
                        overflow: hidden;
                        text-overflow: ellipsis;
                        margin-bottom: 14rpx;
                    }

                    .p_2 {
                        font-size: 24rpx;
                        color: #999999;
                        line-height: 40rpx;
                    }

                    .btn {
                        width: 190rpx;
                        height: 50rpx;
                        background-image: linear-gradient(to right, #EC7045, #E94448);
                        color: #fff;
                        font-size: 24rpx;
                        line-height: 50rpx;
                        text-align: center;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 8rpx;
                        margin-top: 14rpx;

                        .icon {
                            width: 30rpx;
                            height: 30rpx;
                            background: url("@/static/aimg/img_7.png") center no-repeat;
                            background-size: 30rpx;
                            margin: -4rpx 10rpx 0 0;
                        }
                    }
                }
            }
        }
    }
}